<template>
	<div class="not-login">
		<div class="content">
			<span><i class="iconfont icon--kulian"></i></span>
			<p>您暂时未登录</p>
			<router-link :to="{path: '/login'}">
				<button>立即登录</button>
			</router-link>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'not-login',
		data() {
			return {

			}
		},
		methods: {

		},
		created() {

		}
	}
</script>

<style lang="less">
	.not-login {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: #f5f5f5;
		.content {
			width: 100%;
			span i {
				font-size: 1rem;
				color: #999;
			}
			p {
				font-size: .34rem;
				color: #999;
			}
			button {
				background: none;
				border: none;
				background-color: #006CB5;
				color: #fff;
				border-radius: 0.3rem;
				padding: .14rem .5rem;
				font-size: 14px;
				letter-spacing: 2px;
				margin-top: .24rem;
				width: 40%;
			}
		}
	}
</style>